<h1><i class="fontello-icon-th-list"></i> Control de Cheques</h1>

<div class="control-buttons">
	<button onclick="Cheques.pagAnterior()"><i class="fontello-icon-left-circle"></i></button>

	<span data-content="html" data-model="Cheques.modeloLocal" data-observe="pagina, paginas">
		<em>Página:</em> [[pagina]] / [[paginas]]
	</span>

	<button onclick="Cheques.pagSiguiente()"><i class="fontello-icon-right-circle"></i></button>

	<select data-model="Cheques.modeloLocal" data-property="count">
		<option value="1">1</option>
		<option value="5">5</option>
		<option value="10">10</option>
		<option value="20">20</option>
		<option value="30">30</option>
		<option value="40">40</option>
		<option value="50">50</option>
		<option value="100">100</option>
	</select>

	<button onclick="Cheques.cargarLista()"><i class="fontello-icon-ccw"></i></button>

	<button class="float-right very-bold" onclick="Cheques.filtrarLista();"><i class="fontello-icon-search"></i> Filtrar</button>

	<button class="float-right" onclick="Cheques.exportar(true);"><i class="fontello-icon-table"></i> Exportar Todo</button>
	<button class="float-right" onclick="Cheques.exportar(false);"><i class="fontello-icon-eye"></i> Exportar Visible</button>

	<div class="filters">

		<div class="filter">
			<label><i class="fontello-icon-filter"></i> Estado:</label>
			<select data-model="Cheques.modeloLocal" data-property="entregado">
				<option value="">(Todos)</option>
				<option value="0">No Entregados</option>
				<option value="1">Entregados</option>
			</select>
		</div>

		<div class="filter">
			<label><i class="fontello-icon-filter"></i> Tipo de Cheque:</label>
			<select data-model="Cheques.modeloLocal" data-content="html" data-observe="tipos" data-property="tipoCheque">
				<option value="">(Todos)</option>
				[[#each tipos]]
				<option value="[[tipo]]">[[nombre]]</option>
				[[/each]]
			</select>
		</div>

		<div class="filter">
			<label><i class="fontello-icon-filter"></i> <u>Número de Cheque</u>:</label>
			<input type="text" data-model="Cheques.modeloLocal" data-property="numeroCheque"/>
		</div>

		<div class="filter">
			<label><i class="fontello-icon-filter"></i> No. Vendedor:</label>
			<input type="text" data-model="Cheques.modeloLocal" data-property="vendedor"/>
		</div>

		<div class="filter">
			<label><i class="fontello-icon-filter"></i> <u>Beneficiario</u>:</label>
			<input style="width: 160px;" type="text" data-model="Cheques.modeloLocal" data-property="beneficiario"/>
		</div>

	</div>

</div>

<!-- Listado de cheques. -->
<div class="table" data-content="html" data-model="Cheques.modeloLocal" data-observe="lista">
	[[#if lista_vacia]]

		<div class="header">
			<span class="no-data">No hay cheques que mostrar.</span>
		</div>

	[[:else]]

		<div class="header">
			<span>No. de Vendedor</span>
			<span>Número de Cheque</span>
			<span>Beneficiario</span>
			<span>Tipo de Cheque</span>
			<span>Monto</span>
            <span>Fecha</span>
            <span>Cuenta Bancaria</span>
			<span>Entregado</span>
		</div>

		[[#each lista]]
		<div>
			<span>[[no_vendedor]]</span>
			<span>[[numero_cheque]]</span>
			<span>[[beneficiario]]</span>
			<span>[[tipo_cheque]]</span>
            <span>[[CURRENCY cantidad]]</span>
			<span>[[DATE fecha_creacion_cheque]]</span>
			<span>[[cuenta_banco]]</span>
			<span class="buttons">
				[[#if cheque_entregado]]
				<a title="Click para desmarcar el cheque." href="#" onclick="return Cheques.marcarCheque('[[numero_cheque]]', 0);"><i style="font-size: 1.3em;" class="fontello-icon-check"></i></a>
				[[:else]]
				<a title="Click para marcar el cheque." href="#" onclick="return Cheques.marcarCheque('[[numero_cheque]]', 1);"><i style="font-size: 1.3em;" class="fontello-icon-cancel"></i></a>
				[[/if]]
			</span>
		</div>
		[[/each]]

	[[/if]]
</div>
